import React from 'react'
import { Button, Tabs, Input, TimePicker, Space, Checkbox, Form } from 'antd';
import styles from './IconStyle.less';
import IconList from './IconList'


const { RangePicker } = TimePicker
const { TabPane } = Tabs

class Index extends React.Component {
    constructor(props) {
        super(props)
        this.state = {
            status: false,//车辆侵入是否即刻报警
            timeslot: ' ',//夜间非正常活动时间
            frequency: 0   //摄像头轮询一次多少时间
        }
    }
    state = { size: 'small' };

    onChange = e => {
        this.setState({ size: e.target.value });
    };
    onFinish = (value) => {

    }
    changeTime = (dates, dateString) => {

    }
    render() {
        const { size } = this.state
        const { information } = this.props

        return (

            <div className={styles.body_div}>
                {/* <Tabs defaultActiveKey="1" type="card" size={size} abBarStyle={{ borderColor: 'rgb(22, 35, 52)' }} t>
                    <TabPane tab="基本信息" key="1" className={styles.title}> */}
                        <div className={styles.information}>
                            {/* <div>名称：{information.name}</div>
                            <div>经度：{information.latitude}</div>
                            <div>纬度：{information.longitude}</div>
                            <div>IP地址：{information.ipAddress}</div>
                            <div>摄像机类型：{information.type?'可见光':'红外'}</div>
                            <div>所属区域：{information.regionEntity}</div>
                            <div>备注：{information.description}</div> */}
                            <Form>
                                <Form.Item label='名称'className={styles.two} name='name'>
                                {information.name}
                                </Form.Item>
                                <Form.Item label='纬度' className={styles.two} name='latitude'>
                                {information.latitude}
                                </Form.Item>
                                <Form.Item label='纬度'className={styles.two} name='longitude'>
                                {information.longitude}
                                </Form.Item>
                                <Form.Item label='IP地址'className={styles.four} name='ipAddress'>
                                {information.ipAddress}
                                </Form.Item>
                                <Form.Item label='摄像机类型' className={styles.five} name='type'>
                                {information.type?'可见光':'红外'}
                                </Form.Item>
                                <Form.Item label='所属区域' className={styles.four} name='regionEntity'>
                                {information.regionEntity}
                                </Form.Item>
                                <Form.Item label='备注'className={styles.two} name='description'>
                                {information.description}
                                </Form.Item>
                            </Form>
                        </div>
                    {/* </TabPane>
                    <TabPane tab="摄像机最新十条告警" key="2">
                        <IconList />
                    </TabPane>
                </Tabs> */}
            </div>
        )
    }

}
export default Index;